	
.userInfoEdit{
		background-color: #fff;
		height: auto;
		width: 100vw;
	}
.tui-header-icon {
	width: 100%;
	position: fixed;
	top: 0;
	padding: 0 0 0 38rpx;
	display: flex;
	align-items: center;
	height: 32px;
	transform: translateZ(0);
	z-index: 99999;
	box-sizing: border-box;
}
.footer{
	height: 180rpx;
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #FFFFFF;
	box-shadow: 0rpx -6rpx 6rpx 0rpx rgba(214,214,214,0.25);
	border-radius: 0rpx 0rpx 0rpx 0rpx;
	display: flex;
	z-index: 99;
	align-items: flex-start;
	justify-content: center; 
	.footer_content{
		display: flex;
		width: 690rpx;
		align-items: center;
		background-color: #F5F5F5;
		border-radius: 24rpx;
	} 
}
.userInfoEdit_haber{
	   background: linear-gradient( 180deg, #FFF0D9 0%, #FFFFFF 100%);
	   height: 400rpx;
		.userInfoEditTop{
			width: 100%; 
		}
 }
 .userInfoEdit_Content{
	 background: #FFFFFF;
	 border-radius: 40rpx 40rpx 0rpx 0rpx;
	 position: relative;
	 top: -200rpx; 
	 .img_header{
		width:228rpx;
		height:228rpx;  
		position:relative; 
		left: calc(50% - 114rpx);
		top: -114rpx;
		.img_opt_header{
			width:228rpx;
			height:228rpx; 
			overflow: hidden;
			border-radius: 50%; 
			 border: 3rpx solid #2FD7D3;
		}
		.optImg{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.icon_camera{
			width:40rpx;
			height:40rpx;
			position: absolute;
			right: 0;
			bottom:40rpx;
			z-index:10; 
		}
	 }
	.form_my{
		padding:0 30rpx;
		.item_info{
			padding-bottom: 40rpx;
			.label_info{
				font-weight: 600;
				font-size: 28rpx;
				color: #333333;
				line-height: 33rpx;
			}
			.rates{
				font-size: 28rpx;
				color: #333333;
			}
			.comp_info{
				padding-top: 30rpx;
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				 justify-content: flex-start;
				  width: calc(100vw - 60rpx);
				 .comp_infoSelect{
					 padding: 22rpx 40rpx;
					 width: 100%;
					 background-color: #FFFEF8;
					 border: 2rpx solid #F3E6D3;
					 border-radius: 16rpx;
					 display: flex;
					 align-items: center;
					 justify-content: space-between;
					 .lt{
						 font-weight: 500;
						 font-size: 28rpx;
						 color: #666666;
						 line-height: 33rpx;
						 text-align: left;
					 }
					 .rt{
						 width: 20rpx;
						 height: 20rpx; 
					 }
				 }
				.img{
					width: 156rpx;
					height: 156rpx;
					position: relative;
					margin-right: 22rpx;
					margin-bottom: 22rpx;
					.infoBg{
						width: 156rpx;
						height: 156rpx;
						overflow: hidden;
						border-radius: 16rpx 16rpx 16rpx 16rpx;
						.infoImg{
							width: 100%;
							height: 100%;
							object-fit: cover;
						}
					}
					
					.delImg{
						width: 16rpx;
						height: 16rpx;
						position: absolute;
						top: 8rpx;
						right: 8rpx;
					}
				}
				.img:last-child{
					margin-right: 0;
				}
				.addImg{
					width: 156rpx;
					height: 156rpx;
				}
			}
		}
	} 	 
 }
 